<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <%@ include file="/static/web/jsp/include.jsp"%>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>艺术品</title>
    <meta name="description" content="网站描述" />
    <meta name="keywords" content="关键词" />
    <link rel="stylesheet" href="${path}/static/web/style/style.css">
    <link rel="stylesheet" href="${path}/static/web/style/art.css">
    <link rel="stylesheet" href="${path}/static/web/style/ICalendar.css">
    <link rel="stylesheet" href="${path}/static/web/style/my.css">
    <script>
        var _keyword = '${keyword}';
    </script>
</head>
<body>
    <!-- 导航 -->
    <%@ include file="/static/web/jsp/top.jsp"%>

    <div id="artsController" v-cloak>

        <!-- 艺术品筛选 -->
        <div class="arts_filter container">
            <a class="head_more news_more" href="${path}/web/art/my"  v-if="level == 1">我的艺术品</a>
            <div class="filter_item">
                <span class="item_name">关注量</span>
                <ul class="filter_list">
                    <li :class="{'active':search.collect==''}" @click="selectCollect('')">默认</li>
                    <li :class="{'active':search.collect==1}" @click="selectCollect(1)">由高到低</li>
                    <li :class="{'active':search.collect==2}" @click="selectCollect(2)">由低到高</li>
                </ul>
            </div>
            <div class="filter_item">
                <span class="item_name">浏览量</span>
                <ul class="filter_list">
                    <li :class="{'active':search.view==''}" @click="selectView('')">默认</li>
                    <li :class="{'active':search.view==1}" @click="selectView(1)">从多到少</li>
                    <li :class="{'active':search.view==2}" @click="selectView(2)">从少到多</li>
                </ul>
            </div>
            <div class="filter_item">
                <span class="item_name">年份</span>
                <ul class="filter_list">
                    <li :class="{'active':search.year==''}" @click="selectYear('')">全部</li>
                    <li v-for="item in years" @click="selectYear(item)" :class="{'active':checkData(search.years,item)}">{{item}}</li>
                </ul>
            </div>
            <%--<div class="filter_item">--%>
                <%--<span class="item_name">尺寸（平方厘米）</span>--%>
                <%--<ul class="filter_list">--%>
                    <%--<li :class="{'active':search.size==''}" @click="selectSize('')">全部</li>--%>
                    <%--<li v-for="item in sizes" @click="selectSize(item)" :class="{'active':checkData(search.sizes,item)}">{{item}}</li>--%>
                <%--</ul>--%>
            <%--</div>--%>
            <div class="filter_item">
                <span class="item_name">分类</span>
                <ul class="filter_list">
                    <li  :class="{'active':search.keyword==''}" @click="selectKeyword('')">全部</li>
                    <li v-for="key in keywords" :class="{'active':checkData(search.keywords,key.id)}" @click="selectKeyword(key.id)">{{key.typeName}}</li>
                </ul>
            </div>
        </div>

        <%--<div class="waterfull clearfloat" id="waterfull">--%>
            <%--<ul v-masonry >--%>
                <%--<li class="item" v-for="item in arts" :class="[item.page+'page']" :style="{opacity:0}">--%>
                    <%--<a class="a-img" :href="'${path}/web/art/'+item.id">--%>
                        <%--<img src="${path}/static/web/images/waterfull_01.png" alt="" v-sy-img="item.pawnImg">--%>
                    <%--</a>--%>
                    <%--<div class="content">--%>
                        <%--<div class="item_head">--%>
                            <%--<h3 class="title">{{item.goodsName}}</h3>--%>
                            <%--<div class="label">--%>
                                <%--<i class="icon icon_nation"></i>--%>
                                <%--<i class="icon icon_author"></i>--%>
                                <%--<i class="icon icon_link"></i>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                        <%--<div class="info">--%>
                            <%--<span class="author">作者：齐白石</span>--%>
                            <%--<span class="year">1865年</span>--%>
                        <%--</div>--%>
                    <%--</div>--%>
                <%--</li>--%>
            <%--</ul>--%>
        <%--</div>--%>

        <div class="waterfull clearfloat" id="waterfull">
            <ul>
                <li class="item" v-for="item in arts" :class="[item.page+'page']" :style="{opacity:0}" @click="jump(item)">
                    <a class="a-img" :href="'${path}/web/art/'+item.id">
                        <img src="${path}/static/web/images/waterfull_01.png" alt="" v-sy-img="item.goodsImg">
                    </a>
                    <div class="content">
                        <div class="item_head">
                            <h3 class="title">{{item.goodsName}}</h3>
                            <div class="label">
                                <i class="icon icon_nation" v-if="item.conNum"></i>
                                <i class="icon icon_author" v-if="item.ftype == 1"></i>
                                <i class="icon icon_link" v-if="item.ethOpType == 1"></i>
                            </div>
                        </div>
                        <div class="info">
                            <span class="author">作者：{{item.artName}}</span>
                            <span class="year" v-if="item.goodsTime">{{item.goodsTime.substring(0,4)}}年</span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div id="imloading" class="img_loading">
            加载中.....
        </div>
    </div>

    <!-- 底部 -->
    <%@ include file="/static/web/jsp/footer.jsp"%>

</body>
<%--<script src="${path}/static/web/js/jquery.min.js"></script>--%>
<script src="${path}/static/web/js/slide.js"></script>
<script src="${path}/static/web/js/carousel.js"></script>
<script src="${path}/static/web/js/ICalendar.js"></script>

<script src="${path}/static/web/js/jquery.masonry.min.js"></script>
<script src="${path}/static/web/js/jQeasing.js"></script>

<script src="${path}/static/web/js/art.js"></script>
<script src="${path}/static/web/js/yjy.js"></script>
<script src="${path}/static/web/js/biz/arts.js"></script>

</html>